.user-login {
    padding: 60rpx;
  
    .login-type {
      display: flex;
      // 主轴
      justify-content: space-between;
      // 侧轴
      align-items: end;
  
      margin-bottom: 100rpx;
  
      .title {
        // 设计稿量了24
        font-size: 48rpx;
        color: #121826;
      }
  
      .type {
        color: #3c3e42;
        font-size: 30rpx;
      }
    }
  }
  
  .social-login {
    padding: 0 60rpx;
    margin: 100rpx 0;
  
    .legend {
      height: 40rpx;
      border-top: 1px solid #000;
      position: relative;
      // 相对定位 => 子绝父相(基于老父亲定位)
  
      .text {
        background-color: #fff;
        padding: 0 30rpx;
        // 绝对定位
        position: absolute;
        left: 50%; // 移动到老爹的一半
  
        transform: translate(-50%, -50%); // 左挪动自己的一半
        // top: 50%;
      }
    }
  
    .social-account {
      display: flex;
      justify-content: center;
  
      .icon {
        width: 80rpx;
        height: 80rpx;
  
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }
  